/* ------------------------------------------------------ 16:9(标准屏安卓、18:9的浏览器、iphone5/6/7/8，默认css) ------------------------------------------------------*/

.content{width:100%;height:100%;position:relative;margin:0px;padding:0px;overflow: hidden;background:url(../images/bg.jpg) no-repeat center;background-size: cover;}



/*---------------------------------------- 14:9(15:9的浏览器)----------------------*/
@media screen and (device-width:360px) and (min-height:480px) and (max-height:500px){
	
}

/*------------------------------------ 15:9（标准屏+虚拟SYSTEM BAR安卓的微信、16:9的浏览器 、iphone5/6/7/8的微信底部有历史工具条/浏览器）--------------------*/
@media screen and (device-width: 360px) and (min-height: 520px) and (max-height: 540px), screen and (device-width: 320px) and (min-height: 460px) and (max-height: 470px), screen and (device-width: 375px) and (min-height: 550px) and (max-height: 560px), screen and (device-width: 414px) and (min-height: 620px) and (max-height: 630px){
	
}




/*---------------------------------------- 安卓系列----------------------*/
@media screen and (device-width: 360px), screen and (device-width: 393px){
	
}

/*---------------------------------------- iphone系列 ----------------------------------------------*/
@media screen and (device-width: 320px), screen and (device-width: 375px), screen and (device-width: 414px){
.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}


/*---------------------------------------- 19:9(刘海屏安卓的微信、iphoneX的微信)----------------------*/
@media screen and (device-width: 360px) and (min-height: 660px), screen and (device-width: 375px) and (min-height: 720px){
	.items{width:100%;height:auto;position:relative;margin:0px 0px 15px 0px;padding:0px;overflow:hidden;}
}
/*------------------------------------- 18:9（全面屏安卓的微信 、iphoneX的微信底部有历史工具条/浏览器）------------------*/
@media screen and (device-width: 360px) and (min-height: 600px), screen and (device-width: 393px) and (min-height: 660px), screen and (device-width: 375px) and (min-height: 630px){
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}


@media screen and (max-height:850px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 20px 0px;padding:0px;overflow:hidden;}
}

@media screen and (max-height:700px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}
@media screen and (width:360px) and (max-height:700px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 20px 0px;padding:0px;overflow:hidden;}
}

	
@media screen and (max-height:610px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}
@media screen and (width:360px) and (max-height:610px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}

@media screen and (max-height:550px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 5px 0px;padding:0px;overflow:hidden;}
}
@media screen and (width:360px) and (max-height:550px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 5px 0px;padding:0px;overflow:hidden;}
}

@media screen and (max-height:520px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 5px 0px;padding:0px;overflow:hidden;}
}


.floorWrapper{width:100%;height:60%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.2);
transform-style:preserve-3d;
perspective:1000px;
}
.flooritem{width:8rem;height:1.5rem;position:absolute;top:0%;left:50%;margin-left:-4rem;background:url(../images/floor.png) no-repeat center;background-size:100% 100%;transform-origin:center top;transform: translate3d(0,-100px,-500px);opacity:0;transition:opacity 0.25s;}

.floor1{transform: translate3d(0,-100px,-500px);}
.floor2{transform: translate3d(0,10px,-400px);}
.floor3{transform: translate3d(0,110px,-300px);}
.floor4{transform: translate3d(0,200px,-200px);}
.floor5{transform: translate3d(0,280px,-100px);}
.floor6{transform: translate3d(0,380px,0px);}
.floor7{transform: translate3d(0,470px,100px);}





 


